<!--语义化  声明  声明当前的文件为html文件-->
<!DOCTYPE html>
<!--html标签，每个页面开始都必须以这个开始-->
<html lang="en">
<!--都不放一些重要信息-->
<head>
    <!--    meta 1.设置字符，2，设置关键字 （打广告的意思）-->
    <meta charset="UTF-8">
    <title>星宇餐饮</title>
    <link rel="icon" href="../img/logo.jpg" type="img/x-ico">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/common.js"></script>

</head>
<!--代码全部写在body里面，body是用户看到的内容-->
<body class="body">
<div>
    <div id="top"></div>
    <div class="middle center">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="news padding-border-top">
                    <div>
                        <img src="../img/m331.jpg" height="190" width="268"/>
                    </div>
                    <div>
                        <div>
                            <div class="single-over title-font">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over content-font">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                        <div>
                            <div class="single-over title-font">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over content-font">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                        <div>
                            <div class="single-over title-font">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="single-over content-font">日本较大的抹茶餐饮连锁正式登陆上海,其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="product padding-border-top">
                    <div>
                        <div><img src="../img/galitudoujikuai.jpg" height="300" width="300"/></div>
                        <div class="title-font single-over">咖喱土豆鸡块</div>
                        <div class="content-font single-over">咖喱，土豆，鸡块，油盐酱醋，白糖</div>
                    </div>
                    <div>
                        <div><img src="../img/galitudoujikuai.jpg" height="300" width="300"/></div>
                        <div class="title-font single-over">咖喱土豆鸡块</div>
                        <div class="content-font single-over">咖喱，土豆，鸡块，油盐酱醋，白糖</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>

</div>

</body>
</html>
